page{
	background: #f1f1f1;
}

.title{
	display: flex;
	background: #f1f1f1;
	padding: 30rpx;
	align-items: center;
	font-size: 28rpx;
}

.title view{
	flex:1;
	text-align: center;
}

.datePicker{
	display: flex;
	font-size: 30rpx;
	padding: 30rpx;
	background: white;
}

.datePicker .dateTime{
	flex:1;
	color: orangered;
	text-align: center;
}

.datePicker image{
	width: 40rpx;
	height: 40rpx;
}

.lists{
	background: white;
	margin-bottom: 150rpx;
}

.lists .list{
	display: flex;
	padding: 30rpx;
	border-top: 1px solid #F1F1F1;
	border-bottom: 1px solid #F1F1F1;
	font-size: 28rpx;
	align-items: center;
}

.lists .list view{
	flex:1;
	text-align: center;
}

.noMore{
	text-align: center;
	margin: 20rpx;
	color: grey;
}

.footer{
	position: fixed;
	bottom: 0;
	width: 100%;
	background: white;
}

.footer .contents{
	display: flex;
	height: 110rpx;
	position: relative;
	box-shadow: 0 -1px 3px lightgrey;
	align-items: center;
}

.footer .nav{
	text-align: center;
	flex:1;
}

.footer .nav image{
	width: 50rpx;
	height: 50rpx;
	position: relative;
}

.table{
	border-top: 1rpx solid lightgrey;
	border-left: 1rpx solid lightgrey;
	background-color: #F8F8F8;
	/* width: 100%; */
	margin: 10rpx;
}
.table .rows{
	display: flex;
	border-bottom: 1rpx solid lightgrey;
}
.table .rows:first-of-type{
	background-color: #F1F1F1;
}
.table .rows .cols{
	flex: 1;
	text-align: center;
	border-right: 1rpx solid lightgrey;
	padding: 10rpx;
}
.table-open{
	height: auto;
}
.none{
	text-align: center;
	padding: 20rpx;
	border-right: 1rpx solid lightgrey;
	border-bottom: 1rpx solid lightgrey;
}